html { background-color: #F8F8FF; }

body
{
    background-color: #FFFFFF;
    font-family: helvetica, arial, sans-serif;
    margin: 0px auto;
    width: 1024px;
    box-shadow: 0px 0px 32px #696969;
}

body.small
{
    margin: 128px auto;
    width: 256px;
}

body.login table { width: 256px; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

p.small { font-size: 10px; }
p.center { text-align: center; }

table, th, td
{
    border: 1px solid #000000;
    padding: 5px;
    font-size: 12px;
}

table thead { background-color: #EEEEEE; }
table tfoot { text-align: center; }

#user
{
    float: right;
    font-size: 10px;
    padding: 4px 8px;
}

#topnav a { color: #FFFFFF; }

#topnav
{
    height: 32px;
    background-color: #000000;
    background: -moz-linear-gradient(0% 100% 90deg, #000000, #696969);
    background: -webkit-linear-gradient(top, #696969, #000000);
}

#topnav ul { list-style: none; }

#topnav li
{
    float: left;
    font-size: 12px;
    text-align: center;
    letter-spacing: 1px;
    padding: 10px 0;
    width: 64px;
}

#topnav li.active
{
    background-color: #696969;
    background: -moz-linear-gradient(0% 100% 90deg, #696969, #A9A9A9);
    background: -webkit-linear-gradient(top, #A9A9A9, #696969);
}

#header
{
    font-size: 22px;
    text-align: center;
    border-bottom: 1px solid #CCCCCC;
}

#footer
{
    border-top: 1px solid #CCCCCC;
    font-size: 10px;
    padding: 4px 8px;
    clear: both;
}

#footer ul { list-style: none; }

#footer li
{
    float: right;
    padding: 0px 4px;
}

#content { padding: 8px; }
#content.left { margin-left: 128px; }
#content.right { margin-right: 128px; }

#col-left
{
    float: left;
    width: 128px;
    font-size: 12px;
}

#col-right
{
    float: right;
    width: 128px;
    font-size: 12px;
}

ul.menu { list-style: none; }

.menu li
{
    line-height: 16px;
    margin-left: 16px;
}

.menu li:hover { background-color: #F0F0F0; }

table.shop { width: 100%; }

.shop ul { list-style:none; }
.shop ul.left { margin-left:128px; }

.shop li { font-size: 12px; line-height: 20px; }
.shop li.name { font-size: 18px;}
.shop li.cart-button { float: right; }
.shop li.cart-button input
{
    font-size: 14px;
    width:96px;
    height: 32px;
}


.shop td
{
    font-size:16px;
}

.shop td.left { width: 75%;}
.shop td.right { width: 25%;}

#img
{
    width: 96px;
    height: 96px;
    float: left;
}